<!doctype html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<title>标题</title>
<meta name='Keywords' content=''>
<meta name='Description' content=''>
<style type='text/css'>
*{margin:0px; padding:0px; list-style-type:none; text-decoration:none; font-family:"微软雅黑";}
div.changeBox{width:1300px; height:768px; margin:0px auto; border:1px solid red; overflow:hidden;}
div.imgBox{width: 1300px; height: 768px;
 background:no-repeat 50% 50%; background-size:cover; opacity: 1; overflow:hidden;
    transform:scale(1.2);
/* infinite */
animation:mymove 5s linear 0 1;
-webkit-animation:mymove 5s 1;
animation-fill-mode : forwards;
-webkit-animation-fill-mode : forwards;
}
@keyframes mymove{
    from{transform:scale(1.2);}
    to{transform:scale(1);}
}
@-webkit-keyframes mymove{
    from{transform:scale(1.2);}
    to{transform:scale(1);}
}
</style>
</head>
<body>
<div class="changeBox">
    <div class="imgBox"style="background-image: url('images/1.jpg')"></div>
</div>
<script type='text/javascript' src='js/jquery-1.8.3.min.js'></script>
<script type='text/javascript' ></script>
</body>
</html>